<%@ page import="java.util.Random" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>班级学生信息</title>
    <link rel="stylesheet" href="<%=path%>/css/bootstrap.min.css">
    <!--external css-->
    <link href="<%=path%>/css/font-awesome.css" rel="stylesheet"/>
    <!-- Custom styles for this template -->
    <link href="<%=path%>/css/style_index.css" rel="stylesheet">
    <link href="<%=path%>/css/style-responsive.css" rel="stylesheet">
    <link rel="stylesheet" href="<%=path%>/js/skins/square/red.css">
    <style>
        .pagesize {
            width: 70px;
            float: right;
            border-radius: 5px;
            margin-top: 20px;
        }
    </style>
</head>

<body>
<section id="main-content">
    <section class="wrapper">
        <h3><i class="fa fa-angle-right"></i> 班级学生信息管理</h3>
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="form-inline">
                    <input type="text" class="form-control" id="txtno" placeholder="按学号查询"/>
                    <input type="text" class="form-control" id="txtname" placeholder="按姓名查询"/>
                    <button class="btn btn-primary" id="btnQuery">查询</button>
                    <button class="btn btn-primary" id="btnAdd">新增</button>
                    <button class="btn btn-primary" id="btnDel">刪除</button>
                    <button class="btn btn-primary" id="btnBack">返回</button>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="content-panel">
                    <h4><i class="fa fa-angle-right"></i> 学生列表</h4>
                    <hr>
                    <table class="table table-hover">
                        <thead>
                        <tr>
                            <th><input type="checkbox" class="checkbox" id="checkAll"/></th>
                            <th>学号</th>
                            <th>姓名</th>
                            <th>性别</th>
                            <th>出生日期</th>
                            <th>邮箱</th>
                            <th>备注</th>
                        </tr>
                        </thead>
                        <tbody id="tbody">
                        </tbody>
                    </table>
                </div>
                <select class="form-control pagesize" id="pagesize">
                    <option>10</option>
                    <option>20</option>
                    <option>30</option>
                    <option>50</option>
                    <option>100</option>
                </select>
                <ul class="pagination" id="divpage"></ul>
            </div>
            <!-- /col-md-12 -->
        </div>
        <!-- row -->
    </section>
</section>
</body>
<script src="<%=path%>/js/jquery-1.8.3.min.js"></script>
<script src="<%=path%>/js/layer/layer.js"></script>
<script src="<%=path%>/js/bootstrap.min.js" charset="UTF-8"></script>
<script src="<%=path%>/js/WebApi.js?ver=<%=new Random().nextDouble()%>"></script>
<script src="<%=path%>/js/jqPaginator.js"></script>
<script src="<%=path%>/js/icheck.min.js"></script>
<script src="classstudent.js?ver=<%=new Random().nextDouble()%>"></script>
</html>
